.the-rank{
	padding-bottom: 3.8rem;
}
.rank-img{
	background: url('/Template/images/rank_bg_top2.png');
	background-size: 100% 4rem;
	width: 100%;
	height: 4rem;
	position: relative;
}
.rank-total{
	position: absolute;
	bottom: 1.5rem;
	width: 90%;
	height: 2.1rem;
	margin: 0 5%;
}
.rank-total > div{
	position: relative;
	width: 100%;
	display: flex;
}
.week-rank{
	flex-grow: 1;
	width: 33.3%;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	margin: 0.2rem 0;
}
.week-rank > span,.month-rank > span,.year-rank > span{
	padding: 0.32rem 0;
	opacity: 0.3;
}
.month-rank{
	flex-grow: 1;
	width: 33.3%;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	margin: 0.2rem 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.year-rank{
	flex-grow: 1;
	width: 33.3%;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	margin: 0.2rem 0;
}
.active{
	border-bottom: 1px solid #fff;
	opacity: 1!important;
}
.no-data{
	height: 23rem;
	position: relative;
	text-align: center;
	padding: 0 1.05rem;
	border-left: 0.46rem solid #FF7B6A;
	border-right: 0.46rem solid #F53F26;
	border-bottom: 0.46rem solid #F53F26;
}
.no-data > p{
	position: relative;
	padding-top: 150px;
	text-align: center;
}
.rank-list{
	position: relative;
	padding: 0 1.05rem;
	border-left: 0.46rem solid #FF7B6A;
	border-right: 0.46rem solid #F53F26;
}
.rank-list:last-child{
	border-bottom: 0.46rem solid #F53F26;
}
.line-body{
	border-bottom: 1px solid #ccc;
}
.rank-list:last-child > .line-body{
	border-bottom: none;
}
.rank-other{
	position: absolute;
	top: 2rem;
	left: 2rem;
	font-size: 0.95rem;
}
.rank-1{
	position: absolute;
	top: 1.8rem;
	left: 1.45rem;
	background: url('/Template/images/rankBadge_1.png')no-repeat center;
	background-size: cover;
	width: 2.1rem;
	height: 2.6rem;
}
.rank-2{
	position: absolute;
	top: 1.8rem;
	left: 1.45rem;
	background: url('/Template/images/rankBadge_2.png')no-repeat center;
	background-size: cover;
	width: 2.1rem;
	height: 2.6rem;
}
.rank-3{
	position: absolute;
	top: 1.8rem;
	left: 1.45rem;
	background: url('/Template/images/rankBadge_3.png')no-repeat center;
	background-size: cover;
	width: 2.1rem;
	height: 2.6rem;
}
.user-img-other{
	background: #ccc;
	background-size: cover;
	width: 2.15rem;
	height: 2.15rem;
	border-radius: 100%;
	position: absolute;
	top: 1.5rem;
	left: 3.5rem;
}
.user-img{
	background: #ccc;
	background-size: cover;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 100%;
	position: absolute;
	top: 1.5rem;
	left: 4.25rem;
}
.user-info-other{
	padding-left: 5rem;
	padding-top: 1.5rem;
	padding-bottom: 0.6rem;
}
.user-info{
	padding-left: 6.95rem;
	padding-top: 1.5rem;
	padding-bottom: 0.6rem;
}
.user-name{
	font-size: 0.95rem;
}
.user-num{
	font-size: 0.8rem;
	margin-top: 2px;
}
.honr{
	position: absolute;
	right: 1.05rem;
	top: 1.5rem;
	font-size: 0.8rem;
}
.honr-score{
	position: absolute;
	right: 1.55rem;
	font-size: 1.3rem;
	color: #D8B236;
	top: 2.8rem;
}
.honr >span{
	color: #D8B236;
	font-size: 0.8rem;
}
.body-bg{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.7;
	z-index: 1000;
}
.alert-frame{
	display: block;
	position: fixed;
	top: 10rem;
	left: 50%;
	width: 17.85rem;
	height: 21.45rem;
	margin-left: -8.97rem;
	background-color: #fff;
	z-index: 1001;
	border-radius: 0.7rem;
}
.icon-close{
	position: absolute;
	display: block;
	background: url('/Template/images/close.png')no-repeat center;
	background-size: 2.35rem;
	width: 2.35rem;
	height: 2.35rem;
	top: -1rem;
	right: -1rem;
	z-index: 1002;
}
.am-slider{
	padding: 0;
	border-radius: 0.35rem;
}
.am-slides > li{
	width: 17.85rem;
	height: 12rem;
}
img{
	width: 100%;
	height: 12rem;
	border-radius: 0.35rem;
}
.am-slider-default .am-control-nav {
    width: 100%;
    position: absolute;
    top: 9rem;
    text-align: right;
    right: 1rem;
}
.am-slider-default .am-control-nav li {
    margin: 0 6px;
    display: inline-block;
}
.am-slider-default .am-control-nav li a {
    width: 8px;
    height: 8px;
    display: block;
    background-color: #666;
    background-color: rgba(0,0,0,.5);
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
}
.am-slider-default .am-control-nav li a.am-active {
    background-color: #000;
    background-color: #FC533C;
    cursor: default;
}
.am-control-nav, .am-direction-nav, .am-slides {
    margin: 0;
    padding: 0;
    list-style: none;
}